[tarekkaram0]

I sent a message a few days ago. Were you able to log in using the credentials I provided?

PS: I actually tried the instructions you sent earlier. I was able to make the changes you suggested, but it did not have an effect. Also my theme doesn’t have bounceIn, but it did fave fadeIn. Still no change.

Thanks,
Tarek Karam

[tarekkaram0]

Nevermind, I used a social icon plug in with shortcodes and replaced the native code with it. I don’t know why the theme default icons are not working, but at least this issue is resolved for me.

[tarekkaram0]

My theme is SKT Construction Pro, and is there a simpler way to do it, this looked very complicated and I don’t want to break the website.

[tarekkaram0]

I don’t have any SVG plugins. This problem occurred after I updated my wordpress to latest version, changed to PHP 7 and added a simple SSL plug in to make my website https:// … deactivating the Simple SSL plugin does not fix the problem.

[tarekkaram0]

Hello,

I am having the same problem on my website. I would like the front page to be static. Can you provide me with a custom CCS code to disable fade feature?

www.atlassigns.net

[tarekkaram0]

Hi Brad,

Thank you for pointing out the documentation, but you did not understand my request. I already know how to set post/page width and sidebar options to show/hide. So what you sent me does not help at all.

What I need to for the sidebar to be hidden/disable on MOBILE devices only. When the screen size is less than 500px, I need the sidebar which I have visible on DESKTOP to be hidden or disabled on Mobile.

Please see that you can help me with this!
Best,
Tarek K.

[tarekkaram0]

An example of the sidebar I am talking about can be found on this page: http://samirsigns.com/broshures/

[tarekkaram0]

My website URL is SamirSigns.com.

Here is what I currently have in the custom CSS box

@media screen and (max-width:1040px) {
.panel-grid.panel-no-style, .panel-grid.panel-has-style .panel-row-style { display:block !important;}
#footer-wrapper iframe { width:100%; box-sizing:border-box;}
}

#wrapOne .panel-grid.panel-no-style, .panel-grid.panel-has-style .panel-row-style { display:inline-block;}
#wrapOne #pgc-2-0-0, #wrapOne #pgc-2-0-1 { float:left;}

@media screen and (max-width:1007px) {
.header { display:none;}
}

@media screen and (min-width:567px) {
#content-desktop {display: inline;}
#content-mobile {display: none;}
}

@media screen and (max-width:566px) {
.header { display:none;}
#content-desktop {display: none;}
#content-mobile {display: inline;}
}

@media screen and (max-width:499px) {
.nivoSlider img { width:220% !important; max-width:220% !important;}
}
.blog-post-repeat .postmeta { display:none;}
.header .header-inner .nav { top:0;}

[tarekkaram0]

1 & 3) Solved! ~Thank you !!

2. Size looks great! Is there anyway to have the images center aligned. Right now it is defaulting to left-shift so the right half of photo cant be seen. It would be best that the center is most visible.

Also I still don’t understand why settings located Appearance>>Theme Options>>Sections>>Number of Sections are not doing anything. I tried using them to display a photo gallery, or testimonies, or even just a title and texts, and nothing shows up on front page. This is not very important right now because I don’t think I will use.

Thanks.

[tarekkaram0]

Wonderful!

Thank you Chris, the website seems to function appropriately now. I appreciate the help, and I recommend this code be added to the raw file for the theme so the next customer will not experience the same problem.

Thank you again!

[tarekkaram0]

Hi Chris,

Thank you for the code, I followed the instructions and it seems to work. On mobile, the size looks good. On desktop PC full screen, the size looks good also. However, error I describe before is still there. Sizes between the short width of a phone, or the wide width of a PC still have the same error. To demonstrate the error, if you take the browser page and slowly decrease the width. You will see that section 1 breaks and looks ugly, until the window gets very small and then it snaps back and looks better.

I posted screen shots here: https://www.dropbox.com/s/ivp6ppjsi2vb9bw/website%20responsive%20error.docx?dl=0

Can you recommend anything please.

Thank You

[Author]

Posts