Active Link Issue

[rocketboy]

When removing padding between two sections a link becomes unlikable unless you hover above the text. It seems the section below is over riding the bottom of the link when you hover over it. What can I do to correct this issue with keeping the spacing?

Referring to the link under title, customize order on the page https://rocketboysolutions.com/applsys/all-products/

Thank you for your time.

[ruenel]

Hello Bryce,

Thanks for writing in! You are having the issue because in the Section or Row element below the link, you have added this code:

.mym-8 > .x-row-inner {
    margin-top: calc(((55px / 2) + 1px) * -1);
    margin-right: calc(((3rem / 2) + 1px) * -1);
    margin-bottom: calc(((55px / 2) + 1px) * -1);
    margin-left: calc(((3rem / 2) + 1px) * -1);
}

The margin-top: calc(((55px / 2) + 1px) * -1); is causing it. You can try to set the top margin to 0 instead.

Best Regards.

[rocketboy]

Thank you for the info, when going through each element in the section below the margin is turned off and no CSS has been added. I see what you’re saying though via the CSS. I recreated the area and the problem is corrected.

[marc_a]

Hey Bryce,

We’re glad that it is now working properly on your end! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.