• Hi,
    I’ve searched through the forum and can’t find the help I need. Maybe somebody can help me here:
    The title of the Homepage is: Hausarztpraxis Dr. Steenweg und Dr. Lewe.

    I would like the Hausarztpraxis to be at the top and underneath Dr. Steenweg und Dr. Lewe

    So it would look like this:

    Hausarztpraxis
    Dr. Steenweg und Dr. Lewe

    Can anyone help me? Haven’t done much change to the header-css:

    /*mobile-hearder mit header Hintergrund */
    
    header#masthead.site-header {
      position: absolute !important;
      background-color: transparent;
    }
    
    /*mobile-header h?he */
    
    .header-image img {
      max-height: 250px;
      object-fit: cover;
    }
    
    /*header transparenz Hintergrund*/
    
    .overlay {
        opacity: 0.3;
    }

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hello,

    I don’t think that there is an easy way to do it properly, unfortunately.

    Kind Regards, Roman.

    Thread Starter samuelsigner

    (@samuelsigner)

    Hi,
    Thanks for the fast reply? What about a difficult solution? I’m very interested at becoming more skilled at WordPress.

    Thread Starter samuelsigner

    (@samuelsigner)

    Hi Roman,
    thank you for the tip. With a lot of work I have nearly managed it. I still was able to fill in the Site-Title in the customizer and that made it nicer.

    The only problem is, that now the second line “Dr. Steenweg & Herr Lewe” is no longer a link to the main page but turns black when the mouse goes over it.
    Here: https://praxis.steenweg.de

    Here is my header.php that I changed – probably did it really badly but it still seems to work:

    <?php
    /**
     * The header for our theme.
     *
     * Displays all of the <head> section and everything up till <div id="content">
     *
     * @package Sydney
     */
    ?><!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="profile" href="https://gmpg.org/xfn/11">
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
    <?php if ( ! function_exists( 'has_site_icon' ) || ! has_site_icon() ) : ?>
    	<?php if ( get_theme_mod('site_favicon') ) : ?>
    		<link rel="shortcut icon" href="<?php echo esc_url(get_theme_mod('site_favicon')); ?>" />
    	<?php endif; ?>
    <?php endif; ?>
    
    <?php wp_head(); ?>
    </head>
    
    <body <?php body_class(); ?>>
    
    <?php do_action('sydney_before_site'); //Hooked: sydney_preloader() ?>
    
    <div id="page" class="hfeed site">
    	<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'sydney' ); ?></a>
    
    	<?php do_action('sydney_before_header'); //Hooked: sydney_header_clone() ?>
    
    	<header id="masthead" class="site-header" role="banner">
    		<div class="header-wrap">
                <div class="container">
                    <div class="row">
    				<div class="col-md-4 col-sm-8 col-xs-12">
    		        <?php if ( get_theme_mod('site_logo') ) : ?>
    					<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php bloginfo('name'); ?>"><img class="site-logo" src="<?php echo esc_url(get_theme_mod('site_logo')); ?>" alt="<?php bloginfo('name'); ?>" /></a>
    					<?php if ( is_home() && !is_front_page() ) : ?>
    				<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">HAUSARZTPRAXIS</a><br><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">Dr. Steenweg & Herr Lewe</a></h1>
    			<?php else : ?>
    				<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">HAUSARZTPRAXIS</a><br>
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">Dr. Steenweg & Herr Lewe</a></p>
    			<?php endif; ?>
    				<?php else : ?>
    					<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel=""home">HAUSARZTPRAXIS</a></h1>
    						<h1><a>Dr. Steenweg & Herr Lewe</a></h1></p>
    					<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>	        
    		        <?php endif; ?>
    				</div>
    				<div class="col-md-8 col-sm-4 col-xs-12">
    					<div class="btn-menu"></div>
    					<nav id="mainnav" class="mainnav" role="navigation">
    						<?php wp_nav_menu( array( 'theme_location' => 'primary', 'fallback_cb' => 'sydney_menu_fallback' ) ); ?>
    					</nav><!-- #site-navigation -->
    				</div>
    				</div>
    			</div>
    		</div>
    	</header><!-- #masthead -->
    
    	<?php do_action('sydney_after_header'); ?>
    
    	<div class="sydney-hero-area">
    		<?php sydney_slider_template(); ?>
    		<div class="header-image">
    			<?php sydney_header_overlay(); ?>
    			<img class="header-inner" src="<?php header_image(); ?>" width="<?php echo esc_attr( get_custom_header()->width ); ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>">
    		</div>
    		<?php sydney_header_video(); ?>
    
    		<?php do_action('sydney_inside_hero'); ?>
    	</div>
    
    	<?php do_action('sydney_after_hero'); ?>
    
    	<div id="content" class="page-wrap">
    		<div class="container content-wrapper">
    			<div class="row">	

    Any Idea what I should change?

    Thread Starter samuelsigner

    (@samuelsigner)

    Ah and a new problem has come up concerning the changes:
    on the mobile site the menu has been pushed down so it is nearly out of the header picture. If I allow the max hight to be 320 px (as it is allowed for the normal header) it still doesn’t fit. I even have the feeling nothing is changing.
    Here is the custom css I added:

    /*mobile-hearder mit header Hintergrund */
    
    header#masthead.site-header {
      position: absolute !important;
      background-color: transparent;
    }
    
    /*mobile-header h?he */
    
    .header-image img {
      max-height: 320px
    		!important;
      object-fit: cover;
    }
    
    /*header transparenz Hintergrund*/
    
    .overlay {
        opacity: 0.3;
    }
    
    /*Seiten-Bezeichnung im Text ausschalten*/
    .entry-header {
    display:none !important;;
    }
    
    /*Beitrags-Meta ausschalten*/
    .entry-meta {
      display:none !important;
    }
    
    /*Dropdown-Menü Hintergrund und Schriftfarbe*/
    
    #mainnav-mobi {
    	background-color: #d7e600;
    }
    
    #mainnav-mobi ul li {
    	border-color: #d7e600;
    }
    
    #mainnav-mobi ul > li > a {
    	color: black
    }
    
    /*Blocksatz*/
    body {
    text-align: justify;
    }
    
    /*Silbentrennung*/
    body {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    }
    
    

    Okay, I think that it’s very important to understand why you can’t just include a <br> HTML tag in site title, so please check this link:
    https://css-tricks.com/introduction-to-wordpress-front-end-security-escaping-the-things/

    Kind Regards, Roman.

    Thread Starter samuelsigner

    (@samuelsigner)

    Good morning Roman,
    thanks for that update! I had just followed the links you’d sent me.
    The way I understand the problem is:
    Changing site-title to the actual site-title( Dr. Steenweg und Herr Lewe) is the point of access for hackers correct?
    Is that even so if the site uses no personal cookies or user data? The website is for a friend and all she wants is information about opening hours etc. No input for patients or anything else.
    In case she wants to take the risk, could you still give men an answer to my two questions?
    Thanks,
    all the best,
    Sam

    Hello Sam,

    As a workaround, you can create an image that will contain desired text in desired layout.

    Kind Regards, Roman.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Title in two lines’ is closed to new replies.