Header builder responsive not working

Home Forums Jevelin Theme Header builder responsive not working

Home Forums Jevelin Theme Header builder responsive not working

  • This topic has 13 replies, 2 voices, and was last updated 3 days ago by iarla.
Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
  • iarla
    Participant

    Hi, I’m using the Jevelin header builder with WPBakery but it’s not working properly on mobile/tablet. There are 3 issues:

    1. There’s no background on the sticky header, and no option to change background color in the “responsive” tab (only border color).
    2. A border constantly displays, even though I have the border disabled.
    3. The icon size field in the responsive tab doesn’t seem to do anything, as the logo is too big and nothing I do changes it’s size.

    Please let me know how to fix this as soon as you can, the options for responsiveness seem extremely limited with Jevelin/WPBakery, and especially with the header builder.

    Thanks

    iarla
    Participant

    A 4th issue as well: The drop down menu’s background and text color do not match my header’s color. Changing the colors in the “dropdown” tab doesn’t have any effect on the mobile version.

    Shufflehound
    Moderator

    Hi there,

     

    It seems that to help to solve these issues we would need to login to your website, so we can find the right options or even create a custom CSS if needed.

    Would that be possible?

     

    Best regards,

    Shufflehound team

    iarla
    Participant

    What would that involve? Do you need admin status? Would you be able to explain what to do instead if I sent you more information?

    Shufflehound
    Moderator

    Hi there,

     

    Yes, we would need an account with an admin type. That would be the fastest way how to fix it as then we would see your setup with the options enabled and we could debug it and try to fix it.

    You can share the login details in the private information below.

     

    Best regards,

    Shufflehound team

    iarla
    Participant

    I would rather not give out admin status, here is an editor account. I believe you should be able to view the header page then, if not please let me know. Also if not, can you give me some troubleshooting steps I can take myself in the mean time. Thanks

    Shufflehound
    Moderator

    Hi there,

     

    Sorry for our late response.

     

    We might have missed it, but we can’t find a login link for your website. Can you please share it with us?

     

    Best regards,

    Shufflehound team

    iarla
    Participant

    Hi, thanks for getting back.

     

    I had changed the link and forgot to update this thread, apologies. All the info is now attached to this message.

     

    Thanks,

    Iarla

    Shufflehound
    Moderator

    Thank it is working now!

    About the issues:

    1. We can create a custom CSS for that. Just let us know which colors you want to see
    2. Can you please let us know which exact border you want to remove?]
    3. Please try to go to Jevelin Settings (at the topbar) > Header > Logo Sizes and set it to Manual and try to adjust sizes. Let us know if that works

     

    Best regards,

    Shufflehound team

    iarla
    Participant

    Hi,

     

    1. I’m looking for the drop down menu background to be same as the header’s, white. Right now it’s black/dark grey.
    2. The border I was referring to was a line extending past the header, but that seems to have fixed itself now that I’ve checked
    3. The header settings worked great, thank you.

     

    Would  you also be able to tell me where the css for the header is edited, so I can add my own custom css in future, instead of having to contact support and get them to do it every time?

     

    Thanks very much,

    Iarla

    Shufflehound
    Moderator

    About the dropdown color you may try to change it under Jevelin Settings (at the topbar) > Styling > Dropdown / Menu (section) and try to adjust colors there for your liking.

    Let us know if that works! 🙂

    iarla
    Participant

    Hi,

    That worked fine for the background colour, thanks.

     

    The settings for the header in Jevelin > Header don’t seem to do anything. No setting I change has any effect on the desktop or mobile, even after saving and waiting a bit before checking.

    The only way to affect the header at all seems to be using the WPBakery header builder, and as I mentioned at the start, the responsiveness settings for haeder icon size have no effect, as I am unable to change the logo size on mobile.

     

    Is WPBakery overriding everything in the Jevelin > Header settings working as intended? The way changing settings for this works seems very unclear.

     

    Thank you,

    Iarla

    iarla
    Participant

    There is also no way to change the logo size in the Header Builder, other than just changing the header height which I don’t want to do. Changing the size of the actual image file has a very weird effect.

    Is the image file has a height of more than 180px, it appears very large, but as soon as the height drops to 180px it becomes tiny. I have attached images to show the effect.

    Because of these to problems, I am unable to change the size of the logo.

    • This reply was modified 3 days ago by iarla.
    Attachments:
    You must be logged in to view attached files.

    iarla
    Participant

    One other issue I have found, changing the dropdown color worked fine but the background color for the actual header on mobile is wrong. On mobile, the background for the header is just whatever the page body color is.

     

    In the Jevelin > Styling > Heading settings I have Header Background Color as white and fully opaque. I have attached screenshots of the result.

    Attachments:
    You must be logged in to view attached files.
Viewing 14 posts - 1 through 14 (of 14 total)