Header Image – No Full Size Options

  • Resolved cazbevan

    (@cazbevan)


    2 years, 1 month ago

    I see on the website that in the free and pro versions you can set a header image. However, whenever I go into the theme customization it will only do a 1920×500 image. The image you show in your header example is much bigger and that’s what I am looking for.

    For now, you can see on my homepage https://www.bemojournal.com that I’ve just added the image myself. How do I get it to add as a proper header in the full size?

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

Viewing 8 replies - 1 through 8 (of 8 total)

  • Hi @cazbevan,

    Firstly, thanks for using our theme!

    I saw you are using the Elementor as page builder. In this case you have to create a new ‘section’ with elementor components, define a image background for this section and define the section to be full width/screen.

    1. Edit your home page with default WordPress editor and change the page template to “Elementor Full Width”: https://snipboard.io/srMu2t.jpg
    2. Edit the page with Elementor builder and create a new section like in this image: https://snipboard.io/BE6FOd.jpg

    The section image background should be defined in the section “Style” options.

    We hope this helps!

    Please try that and let us know if you need further help.

    Kind Regards,

    Rodrigo.

    Thread Starter cazbevan

    (@cazbevan)

    That was helpful. But it required me to repeat the image in order to be as wide as the original image.

    Likewise, it now broke the mobile usability of the page as it does not resize for mobile.

    Thread Starter cazbevan

    (@cazbevan)

    I duplicated it and put it over here so that it is not breaking my actual homepage: https://bemojournal.com/homepage-2/

    Thread Starter cazbevan

    (@cazbevan)

    After a lot of testing I can confirm that it is the changing the template to full width that breaks everything for mobile viewing in general (it was broken even without a header image). However, when I switch back to the Theme template, as soon as I go full width repeat javascript with the header even if I hide it on mobile, it breaks responsive viewing.

    I was able to go back to the original Template and just follow the rest of the steps, hide from mobile, etc. to get it to work. But how do I get the extreme extra spacing between the menu header and the image to go away?

    • This reply was modified 2 years, 1 month ago by cazbevan.
    • This reply was modified 2 years, 1 month ago by cazbevan.

    Hi @cazbevan,

    Please try editing the page and enabling the “Page Builder Mode”: https://snipboard.io/oH7jwU.jpg

    Please try that and let us know how it goes.

    Kind Regards,

    Rodrigo.

    Thread Starter cazbevan

    (@cazbevan)

    The template does not allow it and says it does not have a valid JSON response to be able to activate Page Builder mode.

    At this point, I just want to be able to get rid of the extra space between the menu and the header image on bemojournal.com

    • This reply was modified 2 years, 1 month ago by cazbevan.

    Hi @cazbevan,

    That JSON response message is not related with the theme. Probably some extra plugin is causing it. We can also remove that spacing with custom CSS, but the ideal would be resolve that JSON message error to be able to save the page options in the editor.

    Custom CSS

    Go to Appearance > Customize > Additional CSS and add the given custom CSS code below:

    body.page-template .content-wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

    Resolve the JSON message

    In this case, you can rule out plugin conflicts by installing the Health Check & Troubleshooting plugin. With the plugin activated, go to Admin Dashboard > Tools > Site Health, go to Troubleshooting tab and click the blue [Enable Troubleshooting Mode] button.

    Once in Troubleshooting Mode, you can control which theme and plugins are enabled without impacting visitors to your site. Initially, a default theme is activated, and all plugins are disabled.

    At this point, activate the Botiga theme.?Start checking for plugin conflicts by?enabling other plugins?one by one. If the issue occurs only when a certain plugin is activated, then that plugin has conflict with Botiga?Pro.

    Note:    ?Troubleshooting Mode only applies to your own admin session. Your site visitors will still continue to view the website as it is.

    We hope this helps!

    Kind Regards,

    Rodrigo.

    Thread Starter cazbevan

    (@cazbevan)

    Thank you very much!

    • This reply was modified 2 years, 1 month ago by cazbevan.
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Header Image – No Full Size Options’ is closed to new replies.