• I use Advertica Light on my website (www.sparcle.nl)

    The problem that i’m facing is that the theme is displaying as if it was viewed on a mobile device even though it is just on a desktop pc.

    See this browsershots for better example: http://browsershots.org/websites/36c24baf75bafa1bc0f8c284dfaa93be/16366390

    Obviously I want to get the desktop version when the site is visited from a dekstop and only show the mobile version to mobile visitors.

    Can you help me out?

    Thnx in advance!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hey there impof,

    Hope you’re well! 🙂

    First, I suggest you use a child theme http://codex.ww.wp.xz.cn/Child_Themes or use css custom plugin like this: https://ww.wp.xz.cn/plugins/simple-custom-css/ if you will customize your theme.

    Add the code in your child theme’s style.css or using the plugin mentioned above.

    #featured-box .mid-box {
        width: none;
    }

    The one that causing the element to take 100% width even though it is 1020px is the width property declared in .mix-box. So we will just simply removing it and inherit what span4 class will give us.

    Hope it helps! 🙂

    Take care,
    Calvin

    Thread Starter impof

    (@impof)

    Thnx for your reply Calvin

    I added the custom css to the stylesheet but unfortunately it didnt work out

    Hey there Impof,

    Hope you’re well! 🙂

    What screen resolution do you have? I noticed that when the screen is 1023px and below the content box is taking the whole space.

    First, remove the code I gave on my last reply.

    If you want to make the content box in one row then use this code. Don’t worry it is still responsive in mobile screen. 🙂

    @media only screen and (max-width: 1024px) and (min-width: 767px) {
    	#featured-box div.mid-box {
    		width: 31.623931623931625%
    	}
    }

    Let me know if it helps! 🙂

    Take care,
    Calvin

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘allways mobile display’ is closed to new replies.