Tagged: margin, mobile view
I would like to reduce the margin (both left and right) between post on mobile view. See the image as a case study:
https://drive.google.com/file/d/0B481tIfhVo-Ud3BwdDc2UnFBTzg/view?usp=sharing
https://drive.google.com/file/d/0B481tIfhVo-URTZBRWJZbmJaZjA/view?usp=sharing
Please direct me or give me a quick solution for css fix.
In addition, how can I replace the sharing icons that appears at the bottom of the page? I don’t want them transparent – I want real image to be used.
Thanks
Hi Manifest007,
Could you provide us with a link to the site in question so that we can take a closer look please?
Thanks,
Rikard
This is default mobile view for blog post – it has the margin. I have not touched any css coding
See the link below
Hey!
1- Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
.responsive #top #wrap_all .container {
width: 90%;
max-width: 90%;
}}
2- Can you please post a screenshot and show the changes you would like to make with share icons? I am not sure if i understood you clearly.
Cheers!
Yigit
Please see the link below https://drive.google.com/file/d/0B481tIfhVo-UbFBJbE1fWU8xVDA/view?usp=sharing
The current state of enfold is hover – before it shows the real facebook, twitter e.t.c
I want the icon to be visible regardless of hover or not…