1. Gazette
  2. Monday, 11 November 2019
Hi There

In the article view, the vertical lines reduce the mobile phone screen size substantially. How can I remove the vertical lines - only in article reading view and only on mobile phone view.

Thanks again

Adriaan
Attachments (1)
Accepted Answer
Hi,
yes, by using custom CSS.


@media (max-width: 680px) {
.view-article .article-details {border: 0;}
}



after
foto_3083_2019.png
Attachments (1)
  1. more than a month ago
  2. Gazette
  3. # Permalink
Responses (5)
Hi,
yes, by using custom CSS.


@media (max-width: 680px) {
.view-article .article-details {border: 0;}
}



after
[attachment]foto_3083_2019.png[/attachment]
Thank you so much, Paul, always o nice hearing from you. I have implemented and tried it on my iPhone 6+ and the margin on the side of the text still seem a bit wide. Not sure if you can check it. Not sure what Google prefers. I know Google doesn't want margins to small.
  1. more than a month ago
  2. Gazette
  3. # 1
Nobody knows what Google prefers, today is "X" tomorrow can "Y"
---
Those are default styles used there

.view-article .article-details {
padding: 15px;
border: solid 1px #ebebeb;
}



I overriden border for mobile view only, you can change padding value as well
  1. more than a month ago
  2. Gazette
  3. # 2
Nobody knows what Google prefers, today is "X" tomorrow can "Y"
---
Those are default styles used there

.view-article .article-details {
padding: 15px;
border: solid 1px #ebebeb;
}



I overriden border for mobile view only, you can change padding value as well
Thanks, the two did not work together so I combined them and it seems to work. Is this ok? I won't break anything ;)?

@media (max-width: 680px) {
.view-article .article-details {
border: 0;
padding: 5px;}
}
  1. more than a month ago
  2. Gazette
  3. # 3
I guess not, code looks OK
  1. more than a month ago
  2. Gazette
  3. # 4


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.