This topic has 13 replies, 2 voices, and was last updated 9 years by Laura.

  • Author
  • #149326
     Philippe
    Participant

    Hey,

    I just added two menu link on both sides of my logo, but then it size have been reduced drastically!

    So I would like to enlarge it and make it smaller when we scroll down (for now the size does not change either with the scoll).

    Thanks!

    #149407
     Laura
    Moderator

    Hello how did you add those links? Can you share a screenshot? What size do you want it to be

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #149430
     Philippe
    Participant

    1) I had those link through the menu.
    2) Screen attached.
    3) Regarding the logo size 547×158 must be fine.

    Thanks.

    #149683
     Laura
    Moderator

    Hello, try adding this to style.css of child theme

    COPY CODE
    
    strong.logo {
        width: 547px !important;
    }
    img#logo_img {
        width: 547px !important;
        height: 158px !important;
    }
    

    What size do you want for menu items?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #149756
     Philippe
    Participant

    Thanks for the code.

    What do you mean for the size of menus items? I don’t need to change it.

    The issue is when I sroll down, the logo became ugly cause it stretches along the length. So I do not want it to stretch if possible.

    #149868
     Laura
    Moderator

    Hello, it doesnt change for me, did you resolve it?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #149927
     Philippe
    Participant

    Yea thanks I made some changes and I had resolved it!

    Now could you please tell me how to maintain my logo center align for tablets and mobiles? (cf attachment)

    Thanks Laura 🙂

    #150172
     Laura
    Moderator

    Hello, i see it at the center on mobile

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #150173
     Philippe
    Participant

    Well it’s not the point for me and for tablets too…

    #150455
     Laura
    Moderator

    Hello, can you specify the resolution size where the issue appears?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #150462
     Philippe
    Participant

    Yes it appears from 960px to all the less values.

    #150709
     Laura
    Moderator

    Hello, try using

    COPY CODE
    
    .navbar-header .logo {
        float: none !important;
        margin: 0 auto;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #150757
     Philippe
    Participant

    The code works perfectly!

    Thanks you Laura, great work 🙂

    #151026
     Laura
    Moderator

    Glad to help 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 14 posts - 1 through 14 (of 14 total)

The forum ‘General questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?