Search Results for 'site'

[Kevin]

Kevin

#72379

Hey! All of your menus are looking just fine on my end. Is it your main navigation within the Header that you’re having trouble with?

If you want to change the size of your header after it has shrunk, then you need to change the default height of the header.
this option can be found here

Theme Options> Site Header> Header Height. The height of the sticky header and the regular header are proportional, so you’ll have to play around with the settings until you find what you like. there may be a CSS driven solution to this as well, but I haven’t figured it out yet. If I can get it, I’ll post back here with what I find.

Hope that helps!

[Ben Ritner]

Ben Ritner

#72378

Hey,
1. Has to do with you adding the column shortcodes inside a fullwidth row.. You can add this:

.siteorigin-panels-stretch .row {
    margin: 0;
}

2. That has to do with your wordpress footer recent posts widget.. you can add this css:

@media (max-width: 768px){
.footerclass .widget_recent_entries li {
    margin-bottom: 10px;
}
}

3. This is something you would need to use a plugin to change. The theme and plugins all use regular wordpress hooks to add in scripts. If you want to minimize scripts you need to use something like w3 total cache of wp-rocket cache and enabled the css and js minify.

Just a note, Google page speed is a tool. Always look at the most important thing which is load time over any ranking from them. Just run amazon through and you’ll see what I mean.

Ben

[Henry]

Henry

#72369

Hello Ben, i used your code, but could you help me figure out how to edit it to look like this?

http://www.sitepoint.com/pure-css3-speech-bubbles/

and my page is here

http://imhk-tempsite.com/custom-skincare-overview/

i am wanting the triangle on the bottom, and i am wanting it to look like the “quote” is coming from the doctors underneath..

[Ben Ritner]

Ben Ritner

#72367

That is odd because for me I have not issue adding items to the bottom or top of the enabled or disabled. Lists. Didn’t have any issue on your site either so it’s strange.

Ben

[Ben Ritner]

Ben Ritner

#72359

Hey,
I don’t see a link to your site? I can’t see what your doing without a link?

Ben

[Andrea]

Andrea

#72351

This reply has been marked as private.

[Anirban]

Anirban

#72334

Hi Ben,

Greetings!!

Of late I am noticing that 3 issues are being reported by Google Pagespeed Insights for my website :

1. The page content is too wide for the viewport, forcing the user to scroll horizontally. Size the page content to the viewport to provide a better user experience.
The page content is 390 CSS pixels wide, but the viewport is only 375 CSS pixels wide. The following elements fall outside the viewport:
The element <div class=”col-md-4″></div> falls outside the viewport.
The element <div class=”col-md-4″></div> falls outside the viewport.
The element <div class=”col-md-4″></div> falls outside the viewport.

2. This problem seems to be regarding the blog carousel just above the header

Some of the links/buttons on your webpage may be too small for a user to easily tap on a touchscreen. Consider making these tap targets larger to provide a better user experience.
The following tap targets are close to other nearby tap targets and may need additional spacing around them.
The tap target The Golden Rul…dia Engagement and 3 others are close to other tap targets.

3. It is also saying “Eliminate render-blocking JavaScript and CSS in above-the-fold content”, and multiple files are listed after this message.

Need your help regarding fixing these problems.

Thanks in advance

Anirban

[Anirban]

Anirban

#72334

Hi Ben,

Greetings!!

Of late I am noticing that 3 issues are being reported by Google Pagespeed Insights for my website :

1. The page content is too wide for the viewport, forcing the user to scroll horizontally. Size the page content to the viewport to provide a better user experience.
The page content is 390 CSS pixels wide, but the viewport is only 375 CSS pixels wide. The following elements fall outside the viewport:
The element <div class=”col-md-4″></div> falls outside the viewport.
The element <div class=”col-md-4″></div> falls outside the viewport.
The element <div class=”col-md-4″></div> falls outside the viewport.

2. This problem seems to be regarding the blog carousel just above the header

Some of the links/buttons on your webpage may be too small for a user to easily tap on a touchscreen. Consider making these tap targets larger to provide a better user experience.
The following tap targets are close to other nearby tap targets and may need additional spacing around them.
The tap target The Golden Rul…dia Engagement and 3 others are close to other tap targets.

3. It is also saying “Eliminate render-blocking JavaScript and CSS in above-the-fold content”, and multiple files are listed after this message.

Need your help regarding fixing these problems.

Thanks in advance

Anirban

[Hannah]

Hannah

#72333

1. Try adding this to your custom css box in Theme Options > Advanced Settings:

.home .siteorigin-panels-stretch.kt-panel-row-stretch.panel-row-style {
    background-color: transparent !important;
}

2. In Theme Options > Site Header set the Border Color to Transparent.

Hope that helps!
Hannah

[Andrea]

Andrea

#72315

This reply has been marked as private.

[Hannah]

Hannah

#72312

Hey Gerard,
When you update your permalinks it should make effects sitewide, regardless of whether the post/page has previously been published. Let me know if this is not the case for you.

Hannah

[gerard]

gerard

#72292

Hi,

When several products have to be displayed on a smartphone (grid of products as “products to sold” or “featured products”) there is no left or right arrow showing that several products can be displayed so that one can think that there is only one or two products to sold (according to the width of the smartphone). Is it possible to add these arrows or make them more visible if they exist.

Also is-it possible to rise the automatic horizontal scolling speed ? So that user can see that several products are available to sell.

Here is my site : 321fleurs.com

Thanks for your assistance.

Gerard

[gerard]

gerard

#72292

Hi,

When several products have to be displayed on a smartphone (grid of products as “products to sold” or “featured products”) there is no left or right arrow showing that several products can be displayed so that one can think that there is only one or two products to sold (according to the width of the smartphone). Is it possible to add these arrows or make them more visible if they exist.

Also is-it possible to rise the automatic horizontal scolling speed ? So that user can see that several products are available to sell.

Here is my site : 321fleurs.com

Thanks for your assistance.

Gerard

[alexkonijnenburg]

alexkonijnenburg

#72289

Hi,

I have a fixed topbalk. Now I want to activate the search field, but when i do that the topbalk height changes and messes up the design.

Have a look at my site at wwww.kindersloffenshop.nl

Thanks in advance

Regards
Alex

[alexkonijnenburg]

alexkonijnenburg

#72289

Hi,

I have a fixed topbalk. Now I want to activate the search field, but when i do that the topbalk height changes and messes up the design.

Have a look at my site at wwww.kindersloffenshop.nl

Thanks in advance

Regards
Alex

[gerard]

gerard

#72286

Hey,

I placed the mini cart in the primary menu but when we move on it the window supposed to show the cart doesn’t appears entirely, only the left part of it ?! As you can see on the site : 321fleurs.com

Thanks for help.

Gerard

[gerard]

gerard

#72286

Hey,

I placed the mini cart in the primary menu but when we move on it the window supposed to show the cart doesn’t appears entirely, only the left part of it ?! As you can see on the site : 321fleurs.com

Thanks for help.

Gerard

[gerard]

gerard

#72285

hey,

I used the widget “social links” in the top bar as adviced. It works fine. BUT then the height of the top bar increases AUTOMATICALLY and the Research field is placed BELOW the social links and not side by side with the social links. Is it possible to have social links and Research field at the same level keeping the top bar height constant ?
My site : 321fleurs.com

Thanks

Gerard

[gerard]

gerard

#72285

hey,

I used the widget “social links” in the top bar as adviced. It works fine. BUT then the height of the top bar increases AUTOMATICALLY and the Research field is placed BELOW the social links and not side by side with the social links. Is it possible to have social links and Research field at the same level keeping the top bar height constant ?
My site : 321fleurs.com

Thanks

Gerard

[Nicolae]

Nicolae

#72284

Hi,

I migrated the content of the site from Joomla to WordPress, with +20,000 articles. All I want is to set a bulk rule: all the existing articles that have images but do not have a featured image, to use as featured image the first image from the content, and not the default feature image.

Nicolae

[Hannah]

Hannah

#72269

Hey Andrea,
Do you mind posting a link to your site?
Thanks!

Hannah

[Nathan]

Nathan

#72263

This site has seen much CSS (from you) when it comes to the header. This is the active Custom CSS:

@media (min-width: 1200px) {
.col-md-4.col-lg-5.kad-header-right {
width: 38%;
float: right;
}
.col-md-4.col-lg-5.kad-header-left {
width: 38%;

}
.col-md-4.col-lg-2.clearfix.kad-header-center {
width: 24%;
}
}

.kad-header-center #thelogo img {
margin: 0 auto;
}

.kad-header-style-two .nav-main ul.sf-menu > li {
width:auto;
}
.kad-header-style-two.kad-center-head-shrink .nav-main ul.sf-menu>li>a {
padding:0 10px;
}

.kad-header-style-two .kad-header-left .nav-main ul.sf-menu {
float: right;
width: auto;
}

@media (min-width: 992px){
.kad-header-left, .kad-header-right {
width: 37%;
padding:0;
}
.kad-header-center {
width: 26%;
}
}

.footercol1{
padding-left: 20px;
}

.footercol2{
padding-left: 20px;
}

[Ben Ritner]

Ben Ritner

#72255

Hey,
1. What version of IE? I just tested in windows 8 with IE 11.
That looks like a Z-index issue you could try this:

.mfp-wrap {
    z-index: 100043;
}

2. The site thumbnail is supposed to set the favicon. Since wordpress added the site thumbnail you don’t need to set the favicon in the theme options.

Ben

[Eleanor]

Eleanor

#72234

Hi, I’d like to change my top menu hover font and background colors so that the type doesn’t disappear on hover. I’ve tried changing these in the theme options but nothing seems to happen (or I’m not doing it correctly). I would like the top menu to change from green type/white background to white type/green background on hover. I would also like to change the background color for the sub-menu to our blue color (it’s currently a dark gray).

Here’s the site url:

*Login to see link

green: #59A13B
blue: #51BAEA

Thanks!

[Eleanor]

Eleanor

#72234

Hi, I’d like to change my top menu hover font and background colors so that the type doesn’t disappear on hover. I’ve tried changing these in the theme options but nothing seems to happen (or I’m not doing it correctly). I would like the top menu to change from green type/white background to white type/green background on hover. I would also like to change the background color for the sub-menu to our blue color (it’s currently a dark gray).

Here’s the site url:

*Login to see link

green: #59A13B
blue: #51BAEA

Thanks!

[Will]

Will

#72230

Hi;

I have tried to add a banner advertisement (Amazon) (iframe or javascript wrapped in DIV) but no matter what I try I can’t get the Sitewide Footer (area right above footer) to display the banner as CENTER aligned. I can get right and left alignment, but nothing I try with css will center the alignment of the banner in the space. It is 728×90 banner.

help?

thanks

[Will]

Will

#72230

Hi;

I have tried to add a banner advertisement (Amazon) (iframe or javascript wrapped in DIV) but no matter what I try I can’t get the Sitewide Footer (area right above footer) to display the banner as CENTER aligned. I can get right and left alignment, but nothing I try with css will center the alignment of the banner in the space. It is 728×90 banner.

help?

thanks