Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 3, 2019 at 5:31 am #1073821
    zendenwebdesign

    Apologies as I have seen a number of posts almost addressing my situation.

    At the link sent privately please resize the browser on a desktop for width. The screen size for mobile width (narrow) shows the three lines. As you expand the screen size past a certain point, the menu shows and seems a little left of center, as you widen the browser, it moves to a point a little right of center. The size of menu gets bigger at what seem to be three stages.

    What I would like is after the mobile menu gives way to the dropdown header menu, I would like to retain the change in size as the screen gets wider, but I want it simply be in the center.

    March 5, 2019 at 10:25 pm #1075116
    Victoria

    Hey zendenwebdesign,

    Could you please attach some screenshots of the issue?

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    March 5, 2019 at 10:28 pm #1075118
    zendenwebdesign

    If you look at the link I included privately, go to full width on your screen, and then resize the browser, making the width narrower, you will see how the main menu shifts from left to right to left, roughly in the middle. It is not something I can necessarily screen shoot. I just want it to remain centered.

    March 8, 2019 at 10:59 am #1076287
    Ismael

    Hi,

    The very last menu item before the blue button has a margin.

    
li#menu-item-27 {
   margin-right: 260px; 
}

@media only screen and (max-width: 1343px)
li#menu-item-27 {
    margin-right: 170px;
}

    Did you add that code? The adjustment of that margin causes the menu item to shift.

    Best regards,
    Ismael

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