Home › Forums › Free Themes › Travel Gem › Strange Menu Behavior

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 28, 2021 at 1:21 pm #149424
    Canzoneri
    Participant

    I’ve a problem with the behavior of a menu on a demo page that’s been created for a client to review. Page is here: https://skylinetravelcom.wpcomstaging.com/nav-test3/

    First strange behavior is that the area immediately beneath the menu is unusable. Content should be full width but isn’t. The space is available – I can, for example, set a background color for it but the content refuses to to use the full width.

    Second issue is that depending on the screen size that menu appears either on the left side or the right side of the page. On a Mac with a 13.5″ screen the appears on right side. On a Windows PC with at >17″ screen it appears on the left – which is where it’s supposed to be.

    Any idea?

    Thx

    April 29, 2021 at 1:23 am #149441
    Psink
    Keymaster

    I’m unable to visit your site. There is no option for login.
    Can you please arrange a different way so that I can visit the demo site?

    reagards

    April 29, 2021 at 2:39 pm #149461
    Canzoneri
    Participant

    Sure – can you send me an email address and I’ll forward a user id and password to you.

    April 30, 2021 at 12:42 am #149482
    Psink
    Keymaster

    Please send it through our contact form
    https://themepalace.com/contact-us

    regards

    May 6, 2021 at 4:06 pm #149816
    Canzoneri
    Participant

    HI –

    I sent the userid and password a couple of days ago. Any ideas?

    Thx

    May 7, 2021 at 8:06 am #149844
    Psink
    Keymaster

    Hello

    Yes below the width 1023px menu align to left and above 1023px align to right.
    Please add this css to behave menu same for any screen size 

    
@media only screen and (max-width: 1023px){
.site-header #main-navigation {
    display: table;
    float: right;
    width: auto;
    clear: none;
}
}

    And for query no. 1

    You can give background color for content div 

    
#content {
    background: #d9b6b6;
}

    Regards,

    May 7, 2021 at 6:50 pm #149893
    Canzoneri
    Participant

    Thank you. The float helps. The other issue is that the area beneath the menu cannot be made full width. Any idea about that?

    Thx

    May 10, 2021 at 1:45 am #149994
    Psink
    Keymaster

    Add this Css in the theme 

    
.page-id-2999 #sidebar-primary {
    display: none;
}

.page-id-2999 #primary {
    width: 100%;
}

    Regards,

    May 20, 2021 at 3:50 pm #150691
    Canzoneri
    Participant

    Thx –

    I’ve got the page looking the way it’s supposed but it required hardcoded CSS that will probably break on smaller screens. How do I add the Menu widget called PRIMARY SIDEBAR into the left cell of the first row?
    Currently it’s just floated there with margin settings.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.