Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #306544
    HansH
    Participant

    Hello Sakin,

    Two days ago you provide me with CSS to get the header right menu to the left site.
    This worked fine, until I look the website on the tablet in landscape.
    The header right menu was on the right site again and stacked.

    You can see it here or on the website: staging.toerfietsleusden.nl
    Is there a solution for it?

    Kind regards and have a nice weekend

    Hans Hagmeijer

    #306559
    tikaram
    Participant

    @hansh : Please try adding the following additional css and let me know

    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1080px) 
    and (orientation : landscape) {
    #header-content .site-branding {
    display: contents;
    }
    
    .header-right .site-navigation a {
    margin-right: 5px;
    margin-left: 10px;
    }
    }
    #306564
    HansH
    Participant

    Hello Tikaram,

    This did it. Thank you. The only thing is that I have to minimize the number of menu items. I will do that.

    Kind regards and have a nice weekend

    Hans Hagmeijer

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Header right menu not well on tablet.’ is closed to new replies.