Not showing correct on mobile – only half side…

Home Forums WordPress Themes – Premium Celestial (Celestial Reloaded) Not showing correct on mobile – only half side…

This topic contains 12 replies, has 31 voices, and was last updated by  Ragnhild Hannoschøck Vea 5 years, 11 months ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #14188

    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.

    #18381

    Sushil Adhikari
    Moderator

    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;
    }
    #18382

    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:

    #18383

    Sushil Adhikari
    Moderator

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

    #18417

    janliow
    Member

    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!

    #18418

    Sushil Adhikari
    Moderator

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

    #18419

    janliow
    Member

    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?

    #18420

    Sushil Adhikari
    Moderator

    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/

    #18430

    janliow
    Member

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

    #18432

    Sushil Adhikari
    Moderator

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

    #18465

    Jolly Roger
    Member

    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!

    #18466

    Sushil Adhikari
    Moderator

    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.

    #14189

    Jolly Roger
    Member

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

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.