Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 3, 2024 at 2:08 pm #1447551
    agenturwendt

    Hi,

    on my website I have the logo left, then a header widget in the middle and on the right side the burger menue.

    On mobile screens I’d like a different version of the header like this: On the left side a phone icon and mail icon and on the right side the burger menue. The logo beneath. And a different header color and a smaller header size.

    How could I create that?

    June 3, 2024 at 5:55 pm #1447567
    Rikard

    Hey agenturwendt,

    If you add the diffent content in separate blocks, then we should be able to target them with CSS. If the content is not ready, then simply add some dummy content, then we can have a look at it.

    Best regards,
    Rikard

    June 3, 2024 at 10:10 pm #1447600
    agenturwendt

    Ok. I added two dummy content container. I hope I got it right, what you meant

    June 4, 2024 at 5:32 am #1447621
    Ismael

    Hi,

    Thank you for the inquiry.

    How did you add the dummy content? We can only see one widget in the header, and the logo is missing. You can add two widgets in the header: one for the current layout and another for the phone and email icon, then we can provide the css code to toggle the visibility of the widgets on desktop and mobile view.

    Please provide a screenshot of the changes you’d like to implement using platforms like Savvyify, Imgur, or Dropbox.

    Best regards,
    Ismael

    June 4, 2024 at 9:11 pm #1448233
    agenturwendt

    Hi,
    the logo is back again.

    I added another wdget named “header social icons mobile” in the backend of my page but I don’t know how to add two widgets in the header.

    To put the one widget in the header I added some code in the functions.php and in the stylesheet. The code I found on the documentary page of the enfold theme.

    Within the private content you find a Link to a Screenshot of the changes you’d like to implement.

    June 5, 2024 at 6:18 am #1448400
    Ismael

    Hi,

    Thank you for the update.

    but I don’t know how to add two widgets in the header.

    You can simply add another widget in the header widget area. Please provide the login details in the private field so that we can check the dashboard and implement the changes.

    Best regards,
    Ismael

    June 11, 2024 at 1:32 pm #1448897
    agenturwendt

    Thank you, I guess I got it now and added successfully another widget in die header widget area.
    Nevertheless I add the login details in the privat field.

    June 11, 2024 at 8:32 pm #1448930
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any help with positioning or styling.

    Best regards,
    Rikard

    June 11, 2024 at 8:37 pm #1448932
    agenturwendt

    Yes, now I’d like to know how I can arrange this: On mobile screens I’d like a different version of the header like this: On the left side a phone icon and mail icon and on the right side the burger menue. The logo beneath. And a different header color and a smaller header size. Like the screenshot you see in the private content.

    June 13, 2024 at 9:38 pm #1449782
    agenturwendt

    I found a solution. Thank you.

    June 14, 2024 at 12:53 pm #1450407
    Ismael

    Hi,

    Great! Good to know that you’ve found a working solution. Please don’t hesitate to open a new thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Different header on mobile’ is closed to new replies.