Hello!
I’m not a CSS expert, but I know enough to perform some minor changes, like I already did on the Vantage theme (free version), but I got stuck on the last thing I wanted to fix – the post navigation buttons.
As you can see in the below screenshot, they get cut off on the right side.
I tried padding, margin, float, and everything that I could think of, but I couldn’t get it fixed.
I also checked the Vantage demo theme, and the same thing happens there, as you can see in the below screenshot:
I had to narrow down the browser to a minimum in order to reproduce the issue, since the post titles in the demo theme are very small.
The buttons fit properly when the titles are small, but if the titles are bigger in size, they get cut off.
For example, the dummy title from the previous button, from my screenshot, is: “Integer consequat sapien at consectetur auctor”, which is not that big, only has 46 chars.
I also disabled the few plugins that were installed and activated, just to be sure, but it still persisted.
I have the last WordPress and theme version installed, since I just started working on the project.
Would you be so kind to provide a fix for this? Not just for me, but for all the Vantage users :D. It would be much appreciated!
Thank you in advance!
Hi Radu,
This will be fixed in the next Vantage update. In the meantime, you can fix this by using some custom CSS. Please navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:
@media (max-width: 680px ) { .site-content .nav-previous, .site-content .nav-next { white-space: normal; } }You might also need to install the SiteOrigin CSS Editor.
Heya!
It worked, thanks a lot!