Ttdfjt

What can I do with a research project that is my university’s intellectual property?

Is there any proof that high saturation and contrast makes a picture more appealing in social media?

Why does using different ArrayList constructors cause a different growth rate of the internal array?

Can I enter the UK for 24 hours from a Schengen area, holding an Indian passport?

What's currently blocking the construction of the wall between Mexico and the US?

How to make clear to people I don't want to answer their "Where are you from?" question?

LWC - Local Dev - How can I run the local server on HTTPS?

Why don't countries like Japan just print more money?

Similarity score: Can Sklearn SVR predict values greater than 1 and less than 0?

How can you guarantee that you won't change/quit job after just couple of months?

Should an enameled cast iron pan be seasoned?

How would modern naval warfare have to have developed differently for battleships to still be relevant in the 21st century?

OGR: Load layer with sql statement and write to new data set

Music theory behind A chord in the key of G

Why do all the teams that I have worked with always finish a sprint without completion of all the stories?

Why isn't my calculation that we should be able to see the sun well beyond the observable universe valid?

"Permanent resident of UK” for a British travel insurance in the US

Greeting with "Ho"

Excluding a rectangular region from an image in FITS

Dates on degrees don’t make sense – will people care?

Why are < or > requried to use /dev/tcp

Is it illegal to withhold someone's passport and green card in California?

Can humans ever directly see a few photons at a time? Can a human see a single photon?

How does a herniated spinal disk correct itself?

Owl Carousel 2 - text not responsive but images are [closed]

Owl Carousel Magento 2 not Fully ResponsiveCMS Images Not ResponsiveMagento 1.9.2.4 : Owl carousel not workingOwl Carousel not working in ChromeHow to implement owl carousel in custom module?Owl carousel is not working in magento 2css not loading in owl carousel magento 2OWL Carrousel Not Showing Images - WeltPixel ExtensionOwl Carousel Magento 2 Responsive issuemargin parameter not working in Owl Carousel slider magento 2.3

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

My Owl Carousel is not responsive for the text position in mobile devices, this is the code I am using, works fine until I resize down from my widescreen desktop:

<div id="banner-slider-demo-1" class="owl-carousel owl-banner-carousel owl-middle-narrow">
 <div class="item" style="background:url(media url="wysiwyg/smartwave/porto/homepage/01/slider/white.jpg") center center no-repeat;background-size:cover;">
 <div class="container" style="position:relative;min-width: 100% !important; min-height: 100% !important;">
 <img src="media url="wysiwyg/smartwave/porto/homepage/01/slider/slide3a.png"" alt="" />
 <div class="content type1" style="position:relative;top:20%;left:10%;text-align:right">
 <h2 style="font-weight:600;line-height:1;color:#4a5aa6;"><b style="font-weight:800">WINTER SALE</b></h2>
 <p style="color:#777;font-weight:300;line-height:1;margin-bottom:15px">Shop online for <span style="color:#535353;font-weight:400">40% off.</span></p>
 <a href="http://www.footmaster.com.au/shop-brands.html" style="font-weight:800;color:#4a5aa6;">Shop now &gt;</a>
 </div>
 </div>
 </div>

I feel it has something to do with the position before the text but unsure what's the best way to ensure its responsive on all devices, the image is responsive, just not the text position.

magento2 jquery rwd owl-carousel

share|improve this question

edited Jun 12 at 12:01

Anas Mansuri

36415

asked Jun 12 at 11:01

FracknFrackn

11

New contributor

Frackn is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

closed as off-topic by Ben Crook, Jai, Shoaib Munir, Muhammad Hasham, sv3n Jun 12 at 13:14

• This question does not appear to be about the Magento e-Commerce platform within the scope defined in the help center.

If this question can be reworded to fit the rules in the help center, please edit the question.

• 
  
  
  

  
  4
  

  
  
  
  
  
  

  
  
  I'm voting to close this question as off-topic because it is not related to the Magento platform, this is a CSS problem not a Magento one.
  
  – Ben Crook
  Jun 12 at 12:21
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  can you help, I am just using Magento 2 and it's part of the theme
  
  – Frackn
  Jun 12 at 12:49
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  the best place to ask this question would be stackoverflow.com, just because the issue is on a Magento 2 website it doesn't mean it's necessarily related to Magento. As a tip I think it's related to how you're positioning the elements, using position: relative along with top and left isn't the best way to centre text. If the text is overlapping an image a good method is position: absolute; width: 100%; text-align: center; or something along those lines.
  
  – Ben Crook
  Jun 12 at 13:36
  

  
  
  
  

add a comment | 

0

My Owl Carousel is not responsive for the text position in mobile devices, this is the code I am using, works fine until I resize down from my widescreen desktop:

<div id="banner-slider-demo-1" class="owl-carousel owl-banner-carousel owl-middle-narrow">
 <div class="item" style="background:url(media url="wysiwyg/smartwave/porto/homepage/01/slider/white.jpg") center center no-repeat;background-size:cover;">
 <div class="container" style="position:relative;min-width: 100% !important; min-height: 100% !important;">
 <img src="media url="wysiwyg/smartwave/porto/homepage/01/slider/slide3a.png"" alt="" />
 <div class="content type1" style="position:relative;top:20%;left:10%;text-align:right">
 <h2 style="font-weight:600;line-height:1;color:#4a5aa6;"><b style="font-weight:800">WINTER SALE</b></h2>
 <p style="color:#777;font-weight:300;line-height:1;margin-bottom:15px">Shop online for <span style="color:#535353;font-weight:400">40% off.</span></p>
 <a href="http://www.footmaster.com.au/shop-brands.html" style="font-weight:800;color:#4a5aa6;">Shop now &gt;</a>
 </div>
 </div>
 </div>

I feel it has something to do with the position before the text but unsure what's the best way to ensure its responsive on all devices, the image is responsive, just not the text position.

magento2 jquery rwd owl-carousel

share|improve this question

edited Jun 12 at 12:01

Anas Mansuri

36415

asked Jun 12 at 11:01

FracknFrackn

11

New contributor

Frackn is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

closed as off-topic by Ben Crook, Jai, Shoaib Munir, Muhammad Hasham, sv3n Jun 12 at 13:14

• This question does not appear to be about the Magento e-Commerce platform within the scope defined in the help center.

If this question can be reworded to fit the rules in the help center, please edit the question.

• 
  
  
  

  
  4
  

  
  
  
  
  
  

  
  
  I'm voting to close this question as off-topic because it is not related to the Magento platform, this is a CSS problem not a Magento one.
  
  – Ben Crook
  Jun 12 at 12:21
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  can you help, I am just using Magento 2 and it's part of the theme
  
  – Frackn
  Jun 12 at 12:49
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  the best place to ask this question would be stackoverflow.com, just because the issue is on a Magento 2 website it doesn't mean it's necessarily related to Magento. As a tip I think it's related to how you're positioning the elements, using position: relative along with top and left isn't the best way to centre text. If the text is overlapping an image a good method is position: absolute; width: 100%; text-align: center; or something along those lines.
  
  – Ben Crook
  Jun 12 at 13:36
  

  
  
  
  

add a comment | 

My Owl Carousel is not responsive for the text position in mobile devices, this is the code I am using, works fine until I resize down from my widescreen desktop:

<div id="banner-slider-demo-1" class="owl-carousel owl-banner-carousel owl-middle-narrow">
 <div class="item" style="background:url(media url="wysiwyg/smartwave/porto/homepage/01/slider/white.jpg") center center no-repeat;background-size:cover;">
 <div class="container" style="position:relative;min-width: 100% !important; min-height: 100% !important;">
 <img src="media url="wysiwyg/smartwave/porto/homepage/01/slider/slide3a.png"" alt="" />
 <div class="content type1" style="position:relative;top:20%;left:10%;text-align:right">
 <h2 style="font-weight:600;line-height:1;color:#4a5aa6;"><b style="font-weight:800">WINTER SALE</b></h2>
 <p style="color:#777;font-weight:300;line-height:1;margin-bottom:15px">Shop online for <span style="color:#535353;font-weight:400">40% off.</span></p>
 <a href="http://www.footmaster.com.au/shop-brands.html" style="font-weight:800;color:#4a5aa6;">Shop now &gt;</a>
 </div>
 </div>
 </div>

I feel it has something to do with the position before the text but unsure what's the best way to ensure its responsive on all devices, the image is responsive, just not the text position.

magento2 jquery rwd owl-carousel

share|improve this question

edited Jun 12 at 12:01

Anas Mansuri

36415

asked Jun 12 at 11:01

FracknFrackn

11

New contributor

Frackn is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

<div id="banner-slider-demo-1" class="owl-carousel owl-banner-carousel owl-middle-narrow">
 <div class="item" style="background:url(media url="wysiwyg/smartwave/porto/homepage/01/slider/white.jpg") center center no-repeat;background-size:cover;">
 <div class="container" style="position:relative;min-width: 100% !important; min-height: 100% !important;">
 <img src="media url="wysiwyg/smartwave/porto/homepage/01/slider/slide3a.png"" alt="" />
 <div class="content type1" style="position:relative;top:20%;left:10%;text-align:right">
 <h2 style="font-weight:600;line-height:1;color:#4a5aa6;"><b style="font-weight:800">WINTER SALE</b></h2>
 <p style="color:#777;font-weight:300;line-height:1;margin-bottom:15px">Shop online for <span style="color:#535353;font-weight:400">40% off.</span></p>
 <a href="http://www.footmaster.com.au/shop-brands.html" style="font-weight:800;color:#4a5aa6;">Shop now &gt;</a>
 </div>
 </div>
 </div>

share|improve this question

edited Jun 12 at 12:01

Anas Mansuri

36415

asked Jun 12 at 11:01

FracknFrackn

11

New contributor

Frackn is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

share|improve this question

edited Jun 12 at 12:01

Anas Mansuri

36415

asked Jun 12 at 11:01

FracknFrackn

11

New contributor

Frackn is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

edited Jun 12 at 12:01

Anas Mansuri

36415

edited Jun 12 at 12:01

Anas Mansuri

36415

asked Jun 12 at 11:01

FracknFrackn

11

New contributor

Frackn is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

asked Jun 12 at 11:01

FracknFrackn

11