Not showing correct on mobile – only half side…

[Ragnhild Hannoschøck Vea]

Hi:)
Any ide why the website smykkeblogg.no is showing on only half page on mobile? (see attached png files).
The pictures that goes beyond are only 770px with.

[Sushil Adhikari]

First, please make sure you post in the appropriate forum category “Celestial Reloaded” as you posted it in the “suggestions” one. Thanks 😛

As for your issue…I think know what it is. Normally I don’t have people make modifications to the core theme files, but this one I think is going to require an update to the theme. Paste this:

.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
}

…after this code around line 854 that has this code there:

img.alignnone {
	margin: 0 0 1.5em;
}
div.alignnone {
	margin-bottom: 1.75em;
}

[Ragnhild Hannoschøck Vea]

First of all: THANK YOU! It worked:)

Second: I apreciate how fast you respond and provide solutions – this is high class support! :cheer:

Third: sorry, I didn’t notice the categories… I’ll make sure to get it right next time :blush:

Fourth: I’ll give my best recomendations to Styledthemes :cheer:

[Sushil Adhikari]

Awesome to hear, and thanks! I may have to add a testimonial to my front page 🙂

[janliow]

Hi, my website http://www.ace-academy.com.sg also doesn’t appear properly on mobile… please help as I’m really new to web designing and not exactly familiar with css… 🙁

thank you!

[Sushil Adhikari]

Janliow…is it the same issue as the other person?

[janliow]

thks for the prompt response.
I think so, but I’ve tried the solution you suggested earlier and didn’t work. Is it because I did my website on a child theme?

[Sushil Adhikari]

The problem is that you used a table structure in your front page which is only responsive to a certain width. There is a way to make it responsive (sort of) which would require a theme update but what happens is that the table stays full width but you get scroll bars in your page (not very pretty).

The use of a table is incorrectly used in your page. To achieve the same result but responsive, is to make the top heading part as the Call to Action position and then your columns of content where each one is in a widget for positions, then choosing the appropriate page template too (one that has the widget positions needed, like the Top or Bottom positions.

Refer to the widget layouts here: http://demo.styledthemes.com/celestial-reloaded/widget-layout/

[janliow]

Oops… Thanks for the info, will study the tutorials again. :blush:

[Sushil Adhikari]

No worries, watch the video tutorials, and of course, support is here.

[Jolly Roger]

Hi we are having 2 issues on mobile. SIte is http://www.scubadorag.com

1.) we get the half page on mobile with all pages under the main menu categories: Head, toes, body or accessories.

2.) On mobile the main menu bar will not let us choose any sub-directory under PRODUCTS it highlights and selects them all.

Thanks for the always prompt support!

[Sushil Adhikari]

For your first question/issue, it’s your

---

horizontal rule that you are using. It has a width of 900 pixels to it:

Not sure where or how you put the hr tag in there but that is the problem because it’s a fixed width which is why it’s not responsive as it should be. Just do

---

only.

For number two, the links actually work, it’s just a background colour that shows. This is something I need to fix on the next update to remove the background totally, so it doesn’t confuse visitors.

[Jolly Roger]

Thanks a ton. We’re fixed and will await next update. 🙂

[Author]

Posts