Docs

[SaShah]

HI,
I am having few problems:

1). I have set my site width on 1100px and it was working fine but from today if i click any page the width goes to 1300px and if i click any product category for example women > accessories the site width set to its default 1100px and works perfect, i do not understand what’s creating this problem.

2). The site content is not taking benefit from the 1100px site width and they are losing 50px from both end (see image#1) so they are wasting the site width.

3).The price filter is not showing the end part of the price (see image#2).

4). On every page the slides does not keep its margin from top where i have set this code:(see image#3)

.x-main {
width: 85%;
margin-top: 43px;
}

please help me to solve these tiny issues.

Thank you!

[Christopher]

Hi there,

#1 The issue is caused by a plugin named ‘fully background manager’, please disable it to fix the issue.

#2 Please set site width to 100% under Customize -> Layout and design.

#3 & #4 Please add following code in Customize -> Custom -> CSS :

.widget_price_filter .price_slider_amount .price_label {
    width: 100%;
}
.page .entry-wrap {
    padding-top: 0;
}

Hope that helps.

[SaShah]

Hi,
Thank you for your reply, yes they worked but now i have disabled plugin ‘fully background manager’ so how can i set the background pattern on individual pages because i tried a lot in page background image settings but the image pattern does not repeat itself and a whole image display in background, so how can i set the fixed repeat background image pattern on individual page?

Another amazing problem with breadcrumbs that they do not appear in chrome (see image#chrome) at all but in other browsers they appear (see image# firefox) but hide some part of it under menu.

thank you!

[Nabeel A]

Hi again,

1. You can set the background image on individual pages by editing the page and under Page Settings > Background Image(s) set your background image (see attached)

2. Can you please share the URL of your site so we can take a closer look?

Thanks!

[SaShah]

Hi,
Thanks for the reply.
1. Yes i know this option Page Settings > Background Image(s), that’s why i asked that when i upload the image so the image expand itself and takes the full background space but i need to set a image as a pattern so the image repeat itself and looks nice at the background just like what the “‘fully background manager” plugin works for the background image.

2. http://mxei.com
(please note that the breadcrumbs does not appear at all in chrome where on other browsers they does not show properly as i uploaded the image in last reply to describe this problem).

Thanks!

[Friech]

Hi There,

The issue with breadcrumbs has something to do with the height of the navbar, please navigate to Customizer under the Header tab and increase the Navbar Top Height option (try 150).

Use this custom CSS instead.

body.page {
	background-image: url('URL HERE');
	background-repeat: repeat;
}

The Page Settings > Background Image(s) render as an image element behind the page, so we can not set this to repeat.

Thanks.

[SaShah]

i have tried different navbar top heights like 150px, 50px but the height has nothing to do with the breadcrumbs and the problem still there that it does not shown up in chrome and half of the breadcrumb shows i other browsers.

Background image problem:

The code you told me is to set one background image for full site but i want to set different images pattern (repeat) for the different pages, can you please let me now the code to achieve this because as you told we cannot achieve this through Page Settings > Background Image(s).

Or let me know the good plugin which perform this task except ‘fully background manager’ which we disabled because it breaks the header width.

thanks

[Nabeel A]

Hi again,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[SaShah]

This reply has been marked as private.

[Friech]

Hi There,

I’ve added the block of custom css below to increase the height of the navbar manually,

/* to fix breadcrumbs */
body.x-navbar-fixed-top-active .x-navbar-wrap,
body.x-navbar-fixed-top-active .x-navbar-wrap .x-navbar-inner {
	height: 150px;
}

Make sure you clear your browser’s cache before previewing the site.

Regarding the background you can use the Custom CSS given above (#1007997), you just need to specify the page by replacing the body.page with body.page-id-3204. Follow this post on how to locate page IDs.

e.g. This CSS code is for adding a background on your about page.

body.page-id-3204 {
	background-image: url('http://www.pixeden.com/media/k2/galleries/220/003-wood-melamine-subttle-pattern-background-pat.jpg');
	background-repeat: repeat;
}

Make sure you clear your caching plugin and your browser’s cache.

Thanks.

[SaShah]

Hi,
thank you. yes it worked but i a having a problem when i set the breadcrumbs code that there is an extra space between all pages slide and the main menu where i have already put this code

/* to fix every page margin from top */
.page .entry-wrap {
padding-top: 0px;
}
but it does not work, any suggestion please.

Thanks

[Nico]

Hi There,

I have fixed your problem. I updated your code below in the customizer > Custom > Custom CSS:

.x-main {
width: 85%; /**Default 69.536945% **/
margin-top: 43px;
}

Into this:

.x-main {
width: 85%; /**Default 69.536945% **/
margin-top: -46px;
}

Let us know how it goes. Hope it helps.

Thanks.

[SaShah]

its done,
Thank you very much for your help.

[Rue Nel]

You’re welcome!
We’re glad we were able to help you out.

[Author]

Posts