-
Posts
-
Hi!
I want to change position portfolio button. I try to add to quick css this code:
#top .avia-post-nav{ position: absolute !important; top: 300px !important; } .avia-post-prev{ left:20%; } .avia-post-next{ right:20%; }But problem with this solution is when aj change size web browser change position buttons.
I want position button independent from web browser! Look at the picture:Thanks for help.
JozefHey jozef,
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
AndyHi Andy,
I can send you admin account for my website because now is in maintenance mode. I have edited avia-post-nav buttons in css. I want to change the position of these buttons. I want position button independent from screen size! I can not use some % from left or right size. Check the picture.
I hope that clear for you. Thank for help.
Jozef
Hi,
Please add following code to Quick CSS as well
.responsive #top .avia-post-next { right: 20%; } .responsive #top .avia-post-prev { left: 20%; }Best regards,
YigitHi,
You have to modify the footer.php file and remove this code:
echo avia_post_nav();After that, add this in the functions.php file:
add_action('ava_after_main_title', 'ava_after_main_title_mod'); function ava_after_main_title_mod() { if( is_singular('portfolio') ) { echo ' <div class="portfolio-post-nav">'; echo avia_post_nav(); echo '</div> '; } }We wrapped the post navigation inside another container so that we can manipulate its position. Example css:
#top .portfolio-post-nav { position: absolute; right: 0; } #top .avia-post-nav { position: relative; float: left; margin: 0 50px; }Best regards,
Ismael
- You must be logged in to reply to this topic.