• I’m designing a new WP site, however, when I look at the mobile view of it – it has white boxes and does not look very good. How do I change the look/layout view of the mobile view? I’m using Avada theme. Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi,

    Avada already has a pretty good mobile layout. When I’m adding content to posts/pages I always us the following shortcodes:
    – Full Width container – for a row wrap
    – Columns, they go inside the container

    That way your content is always centered properly and responsive, but if you detect any “breakpoints” on smaller screen sizes you can always go with:

    @media all and (max-width: 1280px) {
    	.yourCSS {
    		goes: here;
    	}
    }

    Thread Starter Jeana26

    (@jeana26)

    Thank you for the help – I think I need to re-phrase what I’m asking, I’d like the mobile layout of the site, just need to change the color schemes and such to make it look like the desktop version.

    http://198.154.226.17/~edlemancattle

    This is the site – just trying to make the mobile site be dark and lime green in color like the desktop site.

    Thank you!

    Thread Starter Jeana26

    (@jeana26)

    The other problem I’m struggling with – is on the home page, getting the background black like the rest of the pages. I have the background color set as black on all the appearance settings, however, it’s not showing up black on the home page middle part.

    Avada has it`s css file for mobile version. Just check your theme files and make proper changes

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adjusting Mobile Look’ is closed to new replies.