Search in:
Suggested Search: installation, configuration
Search in:
Suggested Search: installation, configuration

Align menu button with main content

Home › Forums › Pro Support › Align menu button with main content

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 22, 2018 at 1:25 am #68612
    Stéphan VallièresStéphan Vallières
    Participant

    Hi,

    Is there a way to place menu button in header and align it with main content on page.
    Actually, I can place it with “Distance from Side” settings.

    Thanks

    Stephan

    February 22, 2018 at 9:22 am #68622
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Stephan,

    Was your second sentence you saying you had worked this out or do you still need help?

    Peter

    February 22, 2018 at 12:42 pm #68621
    Anonymous

    Hi Peter,

    In fact, I want the button fixed and aligned with main page content, Actually, with right side alignment, it moves when resizing the browser window.

    February 22, 2018 at 12:47 pm #68620
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Stephan,

    Unfortunately you haven’t provided any URL for me to look at or an example for me to see so I can’t really say much here.

    If you want it to be aligned with the main page content, it sounds like you need to use the shortcode to place the button and use relative positioning instead of using fixed or absolute as you are doing now.

    Let me know if that helps

    Peter

    February 22, 2018 at 12:50 pm #68619
    Anonymous

    Hi Peter,

    Here is my url : http://stephanvallieres.com

    Thanks

    February 22, 2018 at 12:53 pm #68618
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Stephan,

    It is as I expected, you have a max width on the container so it is slightly incompatible with a fully responsive solution.

    Did you use the shortcode and relative positioning I mentioned above as that will likely be your best bet for achieving what you want?

    Peter

    February 22, 2018 at 1:15 pm #68617
    Anonymous

    Hi Peter,

    I will need more details about how to use shortcode and relative positioning.

    Stephan

    February 22, 2018 at 1:22 pm #68616
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Stephan,

    You can find details throughout this site in the docs/knowledgebase/this forum:

    https://responsive.menu/knowledgebase/using-the-shortcode/
    https://responsive.menu/docs/basic-setup/button/#location

    Essentially, you just need to set Button > Location > Positioning to Relative, enable the shortcode option and place this in the <header> element inside your themes templates.

    Please let me know how you get on.

    Peter

    February 24, 2018 at 2:16 pm #68615
    Stéphan VallièresStéphan Vallières
    Participant

    Hi Peter,

    It works well for large screens and ipad versions, but I have some trouble to get position right with mobile version.

    Stephan

    February 24, 2018 at 7:41 pm #68614
    Stéphan VallièresStéphan Vallières
    Participant

    Hi Peter,
    I finally got it right after some CSS adjustments.
    Thanks!
    Stephan

    February 26, 2018 at 9:43 am #68613
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Stephan,

    Excellent news and thanks very much for the update!

    Peter

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Align menu button with main content’ is closed to new replies.