Size of header images

Hi, What is the preferred image size for small page title.

Hi,

It depend on your website, could you please send us a link where we can check it?

Thank you

The link is below and one more thing the code you gave me to hide category submenu dropdown on pagetitle area didn’t work. The code was
.color-scheme-light .woodmart-product-categories .children {
display: none!important;
}

Try this code instead

.woodmart-product-categories .children {
display: none!important;
}

Try to upload 1200×160 image and set background size option to cover.

Great that worked. By the way is it possible to have background color instead of header image on mobile

Yes, you can override it placing the following code to the Custom CSS area for mobile devices in Theme Settins

.page-title {
    background: #efefef!important;
}

Thanks it worked perfect. I have also problems with activating the shop filter widget area above the products. Although it is on the widget area is not visible. Also there is a problem with banner headings running off margin in mobile view. Lastly here in the forum there was a code to switch the place of category menu with main menu but it didn’t work. They do switch but loses functionality the code was for inc/template-tags.php (woodmart_header_block_mobile_nav)

The link to banner site is here

You can enable filters area in Theme Settings -> Shop.
We suggest you to increase banners images size if you want to make them look better on mobile devices because all the content don’t fit well on small screens.

Send us what code do you get in the result for the mobile menu?

The code mentioned in the forum is on inc/template-tags.php
echo ‘<div class=”mobile-nav”>’;

The code is:
replace this:

<li class=”mobile-tab-title mobile-pages-title active” data-menu=”pages”><span><?php esc_html_e(‘Menu’, ‘woodmart’); ?></span>
<li class=”mobile-tab-title mobile-categories-title” data-menu=”categories”><span><?php esc_html_e(‘Categories’, ‘woodmart’); ?></span>

with this:

<li class=”mobile-tab-title mobile-categories-title” data-menu=”categories”><span><?php esc_html_e(‘Categories’, ‘woodmart’); ?></span>

<li class=”mobile-tab-title mobile-pages-title active” data-menu=”pages”><span><?php esc_html_e(‘Menu’, ‘woodmart’); ?></span>

Also, you need move active CSS class from mobile-pages-menu to mobile-categories-menu.

This is what the code and it still won’t work

<li class=”mobile-tab-title mobile-categories-title active” data-menu=”categories”><span><?php esc_html_e(‘Categories’, ‘woodmart’); ?></span>
<li class=”mobile-tab-title mobile-pages-title” data-menu=”pages”><span><?php esc_html_e(‘Menu’, ‘woodmart’); ?></span>

</div>
<?php
echo ‘<div class=”mobile-categories-menu mobile-menu-tab”>’;

$mobile_categories_menu = woodmart_get_opt( ‘mobile_categories_menu’ );
if( ! empty( $mobile_categories_menu ) ) {
wp_nav_menu(
array(
‘menu’ => $mobile_categories_menu,
‘menu_class’ => ‘site-mobile-menu’,
‘walker’ => new WOODMART_Mega_Menu_Walker()
)
);
} else {

Please, send us the whole PHP function that contains this code.

Sorry for the late respons the complete code is:

Please, provide us your FTP access so we can check it.

Soory but we can’t provide access to ftp for now

We can’t check your code without FTP. Contact us when you will be ready with this. By the way, you can simply change positions of these two menus to achieve this.

[Author]

Posts