Hello,

I’m doing my portfolio website. I personalized my header with the custom CSS tools Sydney has (it has a looping video with text on it), here is the code:

.slide-inner {
	top: 70%;
	padding-left: 100px !important;
	text-align: left;
}

h2.maintitle {
	font-size: 100px !important;
}

.subtitle {
	font-size: 46px !important;
}

.text-slider .maintitle:after,
.panel-grid-cell .widget-title:after{
  display: none;
}  

.text-slider .maintitle {
	font-family: gotham;
}

It looks just fine when displaying on Computer mode, but whenever I try to display it on Tablet or Mobile mode to make it responsive it looks messed up (text is too big and displaced) and I didn’t manage to find any help anywhere. So my question is: is there some kind of code that only applies to the Tablet and Mobile modes?

Here’s a link with screenshots of the different setups I described here. (I can’t share any link to my website as I didn’t upload it online yet).

https://www.dropbox.com/sh/u8e5sicg2m9ff22/AABl5NX_eLyVI5DVRWPd2PGSa?dl=0

Thank you in advance 🙂

• This topic was modified 1 month, 3 weeks ago by paul1501. Reason: Typo