REWARD: for sidebar top on mobile screens

Hi,

This will require a lot of modifications. Example for the pages, you need to edit page.php or template-builder.php (if you’re using the Advance Layout Editor). Create a page using the default editor, set a Right Sidebar. Edit page.php, find the code that renders the sidebar:

<?php<br />
<br />
//get the sidebar<br />
$avia_config['currently_viewing'] = 'page';<br />
get_sidebar();<br />
<br />
?>

Place it on top of the loop’s container:

<div class='template-page content <?php avia_layout_class( 'content' ); ?> units'>

Add this on your custom.css:

#top #main .sidebar {<br />
float: right;<br />
width: 269px;<br />
}

And this one to make sure it is visible on mobile devices

/*<br />
Mobile Styles<br />
================================================== */<br />
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */<br />
<br />
@media only screen and (max-width: 767px) {<br />
/* Add your Mobile Styles here */<br />
.responsive #top #main .sidebar {display:block; }<br />
}

We’re only talking about the Page made using the Default editor. You still have posts, products, portfolios and pages with Advance Layout Editor. And it might require some Media Queries to correct the layout for screen widths.

Send me an email on //…

Regards,
Ismael

Hey,

Glad the solution worked. The template-builder is a bit tricky. Please try this:

Edit template-builder.php, remove everything then paste this code: http://pastebin.com/QDsWKWPP

Regards,

Ismael