CSS code question

dianamarinstills · Member · Mar 3, 2023 at 7:12 am
Copy link

Add topic to favorites
Hello,

I am currently using the Circa theme and it is suitable for my needs right now, but there is one detail that bothers me in mobile display. On my homepage on mobile the blue circle with the document icon is cut in half and I find this a little bit visually distracting / imperfect-looking. Would anyone be able to provide a customised CSS I can add in the Additional CSS section so that the circle is better positioned in the mobile version of the homepage? Thanks.

The blog I need help with is: (visible only to logged in users)
staff-doublebassd · Staff · Mar 3, 2023 at 10:11 pm
Copy link
Hi there,

I see what you are saying. The doc image appears to be cut in half when in mobile.

Please try this snippet and let me know what you think:
```
.entry-format {
    position: relative;
    top: -10px;
    left: -70px;
}
```
It moves the doc slightly up so that when the theme is collapsed via mobile, it’s not being cut off.

Hope this helps. Let me know if you have any questions. Thanks!
dianamarinstills · Member · Mar 4, 2023 at 12:10 am
Copy link
Hi,

Thanks for your response. I tried the solution you suggested, but, unfortunately, it only worked on desktop, not mobile.

Anyway, I was able to sort out the issue by using the code editor feature to alter the html of the homepage. Thanks for your input!
supernovia · Staff · Mar 4, 2023 at 3:19 am
Copy link
Ah, clever; it was being cut off by the content with a background so you just moved that down a bit? Glad to hear that worked!

No items found.