[Piotr]

Hi,

how can i get a picture on the left side of the title of the main page?

Regards 🙂

[Piotr]

My site is as follows http://www.pozniak-partnerzy.pl

[tikaram]

@piotrpozniak : Go to Appearance => Customize => Additional Css and add the following css.

#masthead #header-left{
	width: 85%;
}
#site-logo{
	max-width: 50%;
}
#header-left h1{
	clear:none;
}
#header-left #hgroup{
	float: right;
}
#site-title {
    font-size: 4rem;
}

Let me know if you need further assistance.

Regards,
Tikaram

[Piotr]

Thank you very much for your help.
I added the given css and it works graet.

Could you please help me and write how to get 2 big title lines of the main page (+ the picture that you already helped me).
I wont to write as follows:
Kancelaria Prawna
Piotr Poźniak i Partnerzy
Pomoc. Zaufanie. Partnerstwo.

I want that the 2 upper lines (Kancelaria Prawna and Piotr Poźniak i Partnerzy) are like the title of the main Page (now its only Kancelaria Prawna).
The words “Pomoc. Zaufanie. Partnerstwo.” will be smaller like now.

Regards
Peter

[tikaram]

@piotrpozniak : Go to Appearance => Customize => Additional Css and add the following css.

#site-title a {
visibility: hidden;
white-space: pre;
}

#site-title a:after {
content: "Kancelaria Prawna \A Piotr Poźniak i Partnerzy";
display: block;
line-height: initial;
visibility: visible;
margin-top: -60px;
}

#header-left #hgroup {
width: 85%;
}

#site-logo {
width: 10%;
}

#masthead #header-left {
width: 75%;
}

Let me know if you need further assistance.
Regards,
Tikaram

[Piotr]

Thank you very much for your help.
I added the given css and it works again graet.

Unfortunately I noticed that with the given css code the responsive view of the website changed on mobile phones.
Can this be fixed?
How to change the color of the title?

I thank you very very much for your time and help.

Regards
Peter

[tikaram]

@piotrpozniak : It seems like the responsive design is disabled on your site. Please follow the following instruction to enable responsive design on your site.

Go to Appearance => Customize => Theme Options => Responsive Design and Uncheck Check to Disable Responsive Design Please let me know which color you would like to use for the title then i will provide you the additional css.

Regards,
Tikaram

[Piotr]

Hi,
I change the settings but the given css code changed the responsive view of the website on mobile phones.

Regards
Peter

[tikaram]

@piotrpozniak : Go to Appearance => Customize => Additional Css and add the following css.

@media screen and (max-width: 540px) and (min-width: 481px) {
  #site-title > a {
    font-size: 30px;
}
 }
 
 @media screen and (max-width: 480px) {
  #site-title > a {
    font-size: 20px;
}
 }

Regards,
Tikaram

[Piotr]

Hi,

unfortunatly it doesn`t work – the words in the mobile version are cutted like “Prawn
a” and it should be “Prawna”:(

Regards
Peter

[tikaram]

@piotrpozniak :Can you please provide me the details of the mobile device that you have used to test the site. Please provide me the model and the brand information so that i can figure out.

Regards,
Tikaram

[Piotr]

Yes, of course – I use iPhone SE.

Regards,
Peter

[tikaram]

@piotrpozniak : I could not find any such issue on your website when i checked it from my end. Please try clearing the cache of your device and check again. The following is the screen shot for iphone SE.
Screen shot : https://prnt.sc/g87uco

Regards,
Tikaram

[Piotr]

Hi,

sorry for my late response – i was on holiday.
this is the view that i and my frinds have – https://prnt.sc/gm7lgm

I don/t know why the views are diffrent.

Regards
Peter

[tikaram]

@piotrpozniak :As I mentioned earlier there is no issue with responsive design. I have checked it multiple times. Please try clearing cache on your device or check from a new device.
View at my end : https://prnt.sc/gmgy79

Regards,
Tikaram

[Author]

Posts