Mobile Header

  • Hi All,

    I am working on setting up a mobile header for my Elementor website and am running into roadblocks with getting my elements centered and lined up properly.

    Would folks be willing to assist?

    Here is a link to a picture of what the header looks like —

    https://drive.google.com/file/d/1gKBzOUqVkaUni_Xy6uLXNLcMUMHFgF7k/view?usp=sharing

    The bottom header is the mobile version. My strategy right now is that I have created three headers (desktop, tablet, and mobile, and that I have set each of the headers to be hidden unless a viewer is using a device that matches the header type).

    Tablet and desktop versions seem to work okay after I made adjustments to padding settings, but I cannot seem to get the Menu and Search icons to line up properly in the mobile header (bottom-most header).

    Any suggestions for how to remedy this?

    Or, is there a better/cleaner way to go about this? Any resources I should check out?

    I would be grateful for any advice or suggestions.

    Thank you for your time.

    Stephen

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter Uneven_Blogger

    (@stephenallen28)

    As a follow up — the top two headers appear to be all jumbled up in the screenshot, but they actually are okay when loading in an actual page on the site, so I think I’m okay with the Desktop and Tablet versions, but I cannot seem to get the mobile header set properly.

    Thank you all for your time, I really appreciate it.

    Stephen

Viewing 1 replies (of 1 total)
  • The topic ‘Mobile Header’ is closed to new replies.