Accept a gift subscription header appears fullscreen on my website

dnzkctrk · Member · Nov 12, 2024 at 11:54 am
Copy link

Add topic to favorites
Hello,

I’m currently using Safari 18.1 on my MacBook. I have activated the “Accept a gift subscription” option on the Settings, however, it appears fullscreen on the sub-pages. It is normal on the main page, though. I have checked if it is normal on other browsers on MacBook, and yeah, it is normal. I’m having this kind of issue only on Safari.

Here is a sub-page, if you want to check on Safari: https://denizkocaturk.com/2019/11/20/kisa-hikaye-gunindi-diyarindaki-bahce/

Does anybody have a solution to fix it?

Thanks,

The blog I need help with is: (visible only to logged in users)
collinskiprono · Member · Nov 12, 2024 at 2:28 pm
Copy link
Hi,

I have checked if it is normal on other browsers on MacBook, and yeah, it is normal. I’m having this kind of issue only on Safari.

From multiple tests, on Safari + Chrome in a MacBook, the banner seems to be full width on all the pages. Here’s a quick demo: https://share.zight.com/YEub96xK

Could you share a screenshot of how you’d like it to show instead?

If you’d like it to be the same width as the content section, then here’s some CSS code you can use:
```
@media (min-width: 600px) {
    #wpcom-gifting-banner {
        margin: 0 auto;
        max-width: 960px; /** Same as content width **/
        max-width: 68.571428571rem; /** Same as content width **/
        overflow: hidden;
        padding: 0 2.857142857rem;
    }
}
```
Here’s the expected result: https://share.zight.com/9ZuJkONo

Add Custom CSS
dnzkctrk · Member · Nov 14, 2024 at 4:23 pm
Copy link
Hi,

Thanks for replying to the thread. I shared a screenshot link below that shows what the sub-pages look like when I activate the feature. When you scroll down on the page, you can see the actual content, too. This feature is just shows the box image huge:

https://imgur.com/vT3oQJg

Bests,

No items found.