Irregular List cutting headlines

[jankojul]

Hello again!

I build my page up now with the irregular theme – but in some cases the title of the project is cutted. Can you help me to see the hole title of the project?

Best regards, Julian

[jankojul]

This reply has been marked as private.

[SeaTheme]

Hi,

Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

.cusl-text-top-right .cusl-style-tit-wrap, .cusl-text-bottom-right .cusl-style-tit-wrap {
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
}

Regards!
SeaTheme – uiueux.com – Twitter – Facebook

[jankojul]

Oh thanks that works great!

There is an other issue on the page, the first “J” in the Text Logo is cutted in front – how can I fix this?

Thank you!

[jankojul]

And I have a few other questions:

– Is it possible to get the hamburger Menu a little bit bigger?

– I deleted the Words “Menu” and “Close” because it would be crossing with my header title on mobile – is it possible to get the words “Menu” and “Close” on PC, but don’t shown on mobile?

– Is it possible to get another hover effect for the irregular list instead of moving (I turned it off)

Thank for your help!

[SeaTheme]

Welcome!

There is an other issue on the page, the first “J” in the Text Logo is cutted in front – how can I fix this?

Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

.logo-h1 { 
    text-indent: 7px;
}

– Is it possible to get the hamburger Menu a little bit bigger?

#navi-trigger {
    width: 16px;
    transform: scale(1.3);
    transform-origin: 100%;
}

– I deleted the Words “Menu” and “Close” because it would be crossing with my header title on mobile – is it possible to get the words “Menu” and “Close” on PC, but don’t shown on mobile?

Please make the text to show, add Custom CSS to hide on mobile only:

@media(max-width:767px){
 .navi-trigger-text {
    display: none;
 }
}

– Is it possible to get another hover effect for the irregular list instead of moving (I turned it off)

The hover effect codes is in custom.theme.js, from line 1597:

themeData.fnIrregularHover = function(el){
...

Regards!
SeaTheme – uiueux.com – Twitter – Facebook

[jankojul]

You’re really great! Thanks for this fast help!

Everything works fine. Only at the last point “The hover effect codes is in custom.theme.js, from line 1597:” I don’t understand what to do. Can you explain it to me plz?

Best regards, Julian

[SeaTheme]

Welcome.

“The hover effect codes is in custom.theme.js, from line 1597:”

It is for the hover effect. You could custom it if you know how to use js/css.

Regards!

[jankojul]

Ah thanks, now I understand. I have two more questions, sorry:

1. How can I have the Website Text-title smaller on mobile? In my case the Title goes into the Hamburger Item.

2. How can I have the Titles on irregular list much bigger? I can’t find it in the font settings.

Thanks a lot!

[SeaTheme]

Welcome!

1. Do you talk about the post title?
It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:

@media (max-width: 767px) {
 body.single.responsive-ux .title-wrap-tit { font-size: 26px; }
}

The default is 36

2. It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:

/*for desktop*/
.cusl-tit { font-size: 36px; } 
@media (max-width: 767px) {
/*for mobile*/
 .cusl-tit { font-size: 26px; } 
}

[jankojul]

Hello! Tanks again

1. Do you talk about the post title?
It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:

– No I talk about the “Plain Text Logo (for header)” on mobile

[jankojul]

2. It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:

I did this, it’s great – but now on irregular list the font ist cutted at the begins and ends again. I was able to fix it with

.cusl-text-top-right .cusl-style-tit-wrap, .cusl-text-bottom-right .cusl-style-tit-wrap {
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(35%);
}

for the ends, but Som titles are cutted at the start – Thank you!

[jankojul]

This reply has been marked as private.

[jankojul]

I fixed it with a smaller font-size for devices smaller 1300px for the moment. is there another way with the normal font-size maybe?

Thank you so much!

[SeaTheme]

Welcome!

1. For the text logo, please use the custom CSS:

@media (max-width: 767px) {
.responsive-ux #header #logo .logo-h1 { font-size: 14px; }
}

2. You could set bigger font size for devices bidgger 1300px

@media (min-width: 1300px) {
 .cusl-tit { font-size: 26px; } 
}

You could also increase the list width:

.cusl-style-list {
    width: 90%;
}

The default is 80%

Regards!

[Author]

Posts