Remove button box/line on header slideshow (mobile view only) - Impulse theme

Store Design
,
1

Hi everyone,

Is it possible to remove the line/box around the button on the header slide shows (only on mobile view) as shown below (FYI there is no options on the themes menu to remove it):

Screen Shot 2023-12-01 at 10.36.31.png
Screen Shot 2023-12-01 at 10.36.31.png356×533 112 KB

Screen Shot 2023-12-01 at 10.36.png
Screen Shot 2023-12-01 at 10.36.png192×129 22 KB

My website address is: HTTP://annamichielan.com. thank you in advance :slightly_smiling_face:

2

Hi @annamichielan

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width: 767px){

.hero__link a.btn.btn–inverse {

border: unset !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly

3

Go to Online store > Themes > Edit code > open theme.liquid file, add below code after tag
4

Hi @annamichielan

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag 
@media (max-width: 767px){
#Slideshow-1524769873765 .hero__link a.btn.btn--inverse {
    border: unset !important;
}
}

Result:

makkaomakka_0-1701401989426.png
makkaomakka_0-1701401989426.png341×485 110 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka